{
    "detail": {
        "width": 1097.87,
        "height": 556,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "黑名单人数列表",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "人员详情",
            "index": "d6e7eaa5-f22c-413a-82a5-e2d3b73064ba",
            "menu": true,
            "display": true,
            "lock": false,
            "children": [
                {
                    "title": "文本框",
                    "name": "出勤人数",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "人员信息"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 28,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 83.37,
                    "top": 118.08,
                    "index": "e9d794b1-43b4-4c69-9e98-713f3427c985",
                    "zIndex": 8,
                    "display": true
                },
                {
                    "name": "关闭",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 42.99,
                        "height": 33.16,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <i class=\"el-icon-close closeEdit\" @click=\"close\"></i>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n     refs['d6e7eaa5-f22c-413a-82a5-e2d3b73064ba'].setDisplay(true)\n     refs['55f5d550-7ffc-4b7d-9f3d-9e26781be312'].setDisplay(true)\n\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 965.23,
                    "top": 120.2,
                    "index": "593ec1e1-fa13-4660-95f3-6ee84a5ec1d6",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 7,
                    "display": true
                },
                {
                    "title": "图片",
                    "name": "下划线",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 164.47,
                    "left": 78.83,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 939.4,
                        "height": 11.81,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "24b49f5e-47ca-4492-944c-055dc413cdd3",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "display": true
                },
                {
                    "name": "人员信息详情",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data.worker_info}\n}",
                    "dataHeader": "(data)=>{\n    return {Sign: \"bearer1:5c5eac2902730aa696ab3b5ca288dee4\"}\n}",
                    "dataQuery": "(data)=>{\n    return {\n        id:'1',\n        timeStamp:'100000',\n        randomNum:'100000'\n\n    }\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 947.91,
                        "height": 258.22,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"ryxx\">\n    <div class=\"casket\">\n      <el-image\n        style=\"width: 100px; height: 160px\"\n        :src=\"bs64.head\"\n        fit=\"fill\"\n      ></el-image>\n    </div>\n    <div class=\"casket\">\n      <div class=\"ryhead\">{{ bs64.name }}</div>\n      <div class=\"casketinfo\">\n        <div class=\"ryinfo\">手机号：{{ bs64.phone }}</div>\n        <div class=\"ryinfo\">性别：{{ bs64.sex }}</div>\n        <div class=\"ryinfo\">地址：{{ bs64.address }}</div>\n        <div class=\"ryinfo\">民族：{{ bs64.nation }}</div>\n        <div class=\"ryinfo\">身份证：{{ bs64.id_number }}</div>\n        <div class=\"ryinfo\">文化程度：{{ cultureLevelType[bs64.culture_level_type] }}</div>\n        <div class=\"ryinfo\">政治面貌：{{ politicsType[bs64.politics_type] }}</div>\n        <div class=\"ryinfo\">当前工种：{{ workType[bs64.work_type] }}</div>\n        <div class=\"ryinfo\">所在班组：{{ bs64.team }}</div>\n        <div class=\"ryinfo\">是否圩组长：{{ bs64.is_leader==1 ? \"是\" : \"否\" }}</div>\n        <div class=\"ryinfo\">今日入场时间：{{ bs64.in_date }}</div>\n        <div class=\"ryinfo\">今日出场时间：{{ bs64.out_date }}</div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      bs64: \"\",\n      id:'',\n      cultureLevelType: {\n        \"01\": \"小学\",\n        \"02\": \"初中\",\n        \"03\": \"高中\",\n        \"04\": \"中专\",\n        \"05\": \"大专\",\n        \"06\": \"本科\",\n        \"07\": \"硕士\",\n        \"08\": \"博士\",\n        99: \"其它\",\n      },\n      politicsType: {\n        \"01\": \"中共党员\",\n        \"02\": \"中共预备党员\",\n        \"03\": \"共青团员\",\n        \"04\": \"民革党员\",\n        \"05\": \"民盟盟员\",\n        \"06\": \"民建会员\",\n        \"07\": \"民进会员\",\n        \"08\": \"农工党党员\",\n        \"09\": \"致公党党员\",\n        10: \"九三学社社员\",\n        11: \"台盟盟员\",\n        12: \"无党派人士\",\n        13: \"群众\",\n      },\n      workType: {\n        \"010\": \"砌筑工\",\n        \"020\": \"钢筋工\",\n        \"030\": \"架子工\",\n        \"040\": \"混凝土工\",\n        \"050\": \"模板工\",\n        \"060\": \"机械设备安装工\",\n        \"070\": \"通风工\",\n        \"080\": \"安装起重工\",\n        \"090\": \"安装钳工\",\n        100: \"电气设备安装调试工\",\n        110: \"管道工\",\n        120: \"变电安装工\",\n        130: \"建筑电工\",\n        140: \"司泵工\",\n        150: \"挖掘铲运和桩工机械司机\",\n        160: \"桩机操作工\",\n        170: \"起重信号工\",\n        180: \"建筑起重机械安装拆卸工\",\n        190: \"装饰装修工\",\n        200: \"室内成套设施安装工\",\n        210: \"建筑门窗幕墙安装工\",\n        220: \"幕墙制作工\",\n        230: \"防水工\",\n        240: \"木工\",\n        250: \"石工\",\n        270: \"电焊工\",\n        280: \"爆破工\",\n        290: \"除尘工\",\n        300: \"测量放线工\",\n        310: \"线路架设工\",\n        320: \"古建筑传统石工\",\n        330: \"古建筑传统瓦工\",\n        340: \"古建筑传统彩画工\",\n        350: \"古建筑传统木工\",\n        360: \"古建筑传统油工\",\n        380: \"金属工\",\n        900: \"管理人员\",\n        1000: \"其它\",\n        390: \"杂工\",\n        1001: \"总监理工程师\",\n        1002: \"副总监理工程师\",\n        1003: \"安全监理工程师\",\n        1004: \"专业监理工程师\",\n        1005: \"监理工程师\",\n        1006: \"监理员\",\n        1007: \"监理安全员\",\n        1008: \"项目总工程师\",\n        1009: \"项目经理\",\n        1010: \"工程经理\",\n        1011: \"项目技术负责人\",\n        1012: \"项目工程师\",\n        1013: \"项目管理员\",\n        1014: \"项目副经理\",\n        1015: \"项目总监\",\n        1016: \"施工员\",\n        1017: \"质量员\",\n        1018: \"安全员\",\n        1019: \"标准员\",\n        1020: \"材料员\",\n        1021: \"机械员\",\n        1022: \"劳务员\",\n        1023: \"资料员\",\n        1024: \"总监理工程师代表\",\n        1025: \"测量员\",\n        1026: \"试验员\",\n        1027: \"造价员\",\n        1028: \"质量负责人\",\n        1029: \"安全负责人\",\n        1030: \"技术负责人\",\n        1031: \"生产经理\",\n        1032: \"物资材料工程师\",\n        1099: \"其它\",\n      },\n    };\n  },\n  watch: {\n      id: {\n      handler(val) {\n        console.log(val);\n      if(val){\n       this.$emit(\"click\", {\n            id: val,\n          });\n      }\n      },\n      deep: true,\n      immediate: true,\n    },\n    dataChart: {\n      handler(val) {\n        let data = val.data;\n        for (let i = 0; i < 5; i++) {\n          data = window.atob(data);\n        }\n        console.log(JSON.parse(data), \"JSON.parse(data)\");\n        this.bs64 = JSON.parse(data);\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n};\n</script>\n\n<style scoped>\n.ryxx {\n  width: 950px;\n  height: 289px;\n  display: flex;\n}\n.casket:nth-child(1) {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 16%;\n}\n.casket:nth-child(2) {\n  color: #fff;\n  width: 84%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n\n.ryhead {\n  height: 30px;\n  color: #f29e03;\n  font-size: 20px;\n  font-weight: bold;\n}\n.casketinfo {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n.casketinfo .ryinfo {\n  width: 49%;\n  line-height: 30px;\n}\n</style>\n"
                    },
                    "left": 74.52,
                    "top": 190.11,
                    "index": "cce105ee-eb87-406b-8958-10fd57d31318",
                    "child": {
                        "index": [
                            "cce105ee-eb87-406b-8958-10fd57d31318"
                        ],
                        "paramList": [],
                        "paramName": "id",
                        "paramValue": "id"
                    },
                    "zIndex": 5,
                    "display": true,
                    "dataMethod": "get",
                    "url": "https://console-api.hibuilding.cn/intecons/admin/api/v1/employee/getWorkerInfoData",
                    "proxy": true
                },
                {
                    "title": "图片",
                    "name": "背景",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 100.01,
                    "left": 61.5,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240625/1a825d11981f453932abf23b9ba8c4a1.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 971.91,
                        "height": 368.83,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "43aa157b-0695-4195-8e50-c284fa12ef88",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4,
                    "display": true
                }
            ],
            "zIndex": 9,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "55f5d550-7ffc-4b7d-9f3d-9e26781be312",
            "menu": false,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1114.35,
                        "height": 557.73,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;position:fixed;top:0;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -14.43,
                    "top": -15.64,
                    "index": "b186366d-c318-48e1-a107-1c7b9566fe5d",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2,
                    "display": true
                }
            ],
            "zIndex": 3,
            "child": {},
            "isname": false,
            "dataFormatter": ""
        },
        {
            "name": "输入框和搜索按钮",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 0,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "",
            "dataHeader": "",
            "dataQuery": "",
            "stylesFormatter": "",
            "component": {
                "width": 350.59,
                "height": 37.75,
                "name": "vue",
                "prop": "vue"
            },
            "option": {
                "content": "<template>\n  <div class=\"zcrycx\">\n    <el-input v-model=\"name\" placeholder=\"请输入姓名进行查询\"></el-input>\n    <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\"\n      >搜索</el-button\n    >\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      name: \"\",\n    };\n  },\n  created() {},\n  methods: {\n    handleQuery() {\n      this.$emit(\"click\", {\n        injections: [{ key: \"worker_name\", value: this.name }],\n         page: 1,\n      });\n    },\n  },\n};\n</script>\n<style scoped>\n.zcrycx>.el-input {\n  margin-right: 20px;\n  width: 200px;\n}\n.cqrycx {\n  display: flex;\n}\n</style>"
            },
            "left": -1.79,
            "top": 5.4,
            "index": "d181d7d7-e2f5-47c3-830a-be28f4cf7fd7",
            "child": {
                "index": [
                    "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                ],
                "paramList": [
                    {
                        "name": "page",
                        "value": "page"
                    }
                ],
                "paramName": "injections",
                "paramValue": "injections"
            },
            "zIndex": 1
        },
        {
            "name": "劳务人员表格",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
            "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
            "dataQuery": "(data)=>{\n    return {\nunit_no: \"screen_ygfx_lwry_list_730\",\nproject_id:\"15854\",\ndata_format:\"row\",\npage:1,\nmax_num:10,\ninjections:[\n{\"key\":\"worker_name\",\"value\":\"\"}\n]\n}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1098.49,
                "height": 439.76,
                "name": "vue",
                "prop": "vue",
                "perspective": 0,
                "scale": 0,
                "opacity": 0,
                "rotateX": 0,
                "rotateY": 0,
                "rotateZ": 0
            },
            "option": {
                "content": "<template>\n  <div id=\"cqrs\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%;\"\n      height='420px'\n    >\n      <el-table-column label=\"序号\" type=\"index\" width='100'> </el-table-column>\n      <el-table-column prop=\"姓名\" label=\"姓名\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"班组\" label=\"班组\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"性别\" label=\"性别\" width='120' show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"民族\" label=\"民族\" width='120' show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"年龄\" label=\"年龄\" width='120' show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"进场时间\" label=\"进场时间\" show-overflow-tooltip>\n      </el-table-column>   \n      <el-table-column prop=\"出场时间\" label=\"出场时间\" show-overflow-tooltip>\n      </el-table-column>   \n      <el-table-column prop=\"\" label=\"操作\" width='150'>\n        <template slot-scope=\"scope\">\n          <span style=\"color: #409eff\" @click=\"handleView(scope.row)\"\n            >详情</span\n          >\n        </template>\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.tableData = val.data.list;\n        this.total = parseInt(val.data.total_count);\n\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n\n  },\n  methods: {\n   currentChange(value) {\n      this.page = value;\n      this.$emit(\"click\", {\n        page:this.page,\n      });\n    },\n    handleView(item) {\n     this.refs[\"cce105ee-eb87-406b-8958-10fd57d31318\"].$refs.main.id = item.人员编号;\n     this.refs['d6e7eaa5-f22c-413a-82a5-e2d3b73064ba'].setDisplay(false)\n     this.refs['55f5d550-7ffc-4b7d-9f3d-9e26781be312'].setDisplay(false)\n    },\n  },\n};\n</script>\n\n<style>\n.btn-quickprev {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
            },
            "left": -8.65,
            "top": 63.63,
            "index": "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33",
            "child": {
                "index": [
                    "ea244e71-3d7a-4fe1-8e53-b6aaf4b95a33"
                ],
                "paramList": [],
                "paramName": "page",
                "paramValue": "page"
            },
            "zIndex": 0,
            "lock": false,
            "display": false,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
            "proxy": false
        }
    ]
}